<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>分公司采购明细列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../res/layui-v2.5.6/css/layui.css" media="all">
    <script type="text/javascript" src="../../../res/js/jquery-3.4.1.min.js"></script>
</head>
<body>
    <table class="layui-hide" id="test" lay-filter="test"></table>

    <script type="text/html" id="toolbarDemo">
        <div class="demoTable">
            搜索：
            <div class="layui-inline">
                <input class="layui-input" name="drugName" id="drugName" autocomplete="off" placeholder="请输入药品名称">
            </div>
            <button class="layui-btn" data-type="reload" id="sousuo" onclick="seach(this)">搜索</button>
        </div>
    </script>

    <script type="text/javascript" src="../../../res/layui-v2.5.6/layui.js"></script>
    <script>
        var openIndex = null;
        var table = null;
        var laydate = null;
        layui.use(['table', 'laydate'], function () {
            table = layui.table;
            laydate = layui.laydate;

            table.render({
                method:"POST",
                elem: '#test'
                , url: '/immPurchaseDeatis/queryAll'
                , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
                , defaultToolbar: false
                ,totalRow: true  //开启合计
                , title: '分公司采购明细数据表'
                , cols: [[
                     {field: 'drugName', title: '药品名称', width: 140,align:"center",unresize: true, sort: 'true', totalRowText: '合计' }
                    , {field: 'count', title: '采购数量', width: 160,align:"center",totalRow: true}
                    , {field: 'money', title: '采购价', width: 120,align:"center",templet:function (obj) {
                            return parseFloat(obj.money).toFixed(2);
                        }}
                    , {field: 'subtotal', title: '小计', width: 120,align:"center",totalRow: true,templet:function (obj) {
                            return parseFloat(obj.subtotal).toFixed(2);
                        }}
                    , {field: 'operator', title: '采购人', width: 170,align:"center"}
                    , {field: 'operatingTime', title: '采购时间', width: 170,align:"center"}
                    , {field: 'remark', title: '备注', width: 120,align:"center"}
                ]]
                , page: true
                , id: 'test'
                ,where: {
                    purchaseId:getQueryString("id"),
                }
                // parseData: function(res){ //res 即为原始返回的数据
                //
                //     var jin=null;
                //     var chu=null;
                //     // $.each(res.data,function(index,item){
                //     //     if (item.state===1){
                //     //         jin+=item.chargeoffMoney
                //     //     }else {
                //     //         chu+=item.chargeoffMoney
                //     //     }
                //     // });
                //     return {
                //         "code": res.code, //解析接口状态
                //         "msg": res.msg, //解析提示文本
                //         "count": res.count, //解析数据长度
                //         "data": res.data //解析数据列表
                //         ,"totalRow":{
                //             ss:res.count*res.money
                //         }
                //     };
                // }
            });
        });


        /**
         得到地址栏的参数
         */
        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }

        //搜索
        function seach() {
            var drugName = $("#drugName").val();
            table.reload('test', {
                where: {
                    drugName: drugName,
                },
                page: {
                    curr: 1//从第一页开始查询
                }
            });
        }
    </script>
</body>
</html>